<!-- BEGIN: center-->

<script type="text/javascript">
	$(document).ready(function(){
            $("a.tab").click(function () {
                $(".active").removeClass("active");
                $(this).addClass("active");
                $(".content").slideUp();
                var content_show = $(this).attr("title");
                $("#"+content_show).slideDown().show();

            });
         });
</script>
<table width="98%" cellpadding="3" cellspacing="3" align="left">
    <tr>
        <td class="leftPanel">
            <div class="picot_menu"></div>
            <!-- BEGIN: listCat-->
            <div class="{list.class}"><a href="{base_url}{list.id}-listproduct/{list.url_html}" class="leftMenuLink" title="{list.title}"><strong>{list.title}</strong></a></div>
            <!-- END: listCat-->  
	    <br />
            {FILE "templates/_htmls/left.support_online.html"}
        </td>
        <td class="mainPanel">
            <div class="page_header"><div class="page_header_text"><?php echo _LB_PRODUCT; ?></div></div>
            <br />
            <table width="96%" border="0" cellspacing="0" cellpadding="0">
                   <tr>
                       <td colspan="2" class="title">{item.product_name}</td>
                   </tr>
                   <tr>
                       <td colspan="2" style="height: 10px;"></td>
                   </tr>
                  <tr>
                    <td valign="top" align="center" width="200">
                            {item.image}
                    </td>
                    <td valign="top" align="left" style="padding-left: 20px;">
                        <table cellpadding="0" cellspacing="0" border="0" width="100%" style="font-size: 12px;font-weight: bold;">
                            <tr>
                              <td><strong> &raquo; <?php echo _LB_PRODUCT_CODE;?> : {item.product_code}</strong></td>
                            </tr>
                            <tr>
                              <td><strong> &raquo; <?php echo _LB_BRAND;?> : </strong>{item.brand_name}</td>
                            </tr>
                            <tr>
                              <td><strong> &raquo; <?php echo _LB_PRICE;?> : </strong>{item.product_price}</td>
                            </tr>
                          </table>
                     </td>
                  </tr>
                  <tr>
                      <td colspan="2">
                          <div id="tabbed_box_1" class="tabbed_box">
                              <div class="tabbed_area">
                                <ul class="tabs">
                                  <li><a href="#ajax_product_tech_list" title="product_description" class="tab active"><?php echo _LB_DESCRIPTION;?></a></li>
                                  <li><a href="#ajax_product_review" title="product_features" class="tab"><?php echo _LB_FEATURE;?></a></li>
                                  <li><a href="#ajax_product_review" title="product_images" class="tab"><?php echo _LB_PRODUCT_IMAGE;?></a></li>
                                </ul>
                                <div style="display: block;" id="product_description" class="content">
                                    {item.product_description}
                                </div>
                                <div style="display: none;" id="product_features" class="content">
                                    {item.product_feature}
                                </div>
                                  <div style="display: none;" id="product_images" class="content">
                                    {slideShowGallery}
                                </div>
                              </div>
                            </div>  
                      </td>
                  </tr>
                  <tr>
                    <td colspan="2" align="right" height="20">
                            <a href="{back_url}" class="small_link" title="<?php echo _LB_BACK; ?>">&laquo; <?php echo _LB_BACK; ?></a>
                    </td>
                  </tr>
                </table>
            
        </td>
    </tr>
</table>

<script type="text/javascript">

/***********************************************
* IFRAME Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//Specify speed of scroll. Larger=faster (ie: 5)
var scrollspeed=cache=1

//Specify intial delay before scroller starts scrolling (in miliseconds):
var initialdelay=500

function initializeScroller(){
dataobj=document.all? document.all.scrollImage : document.getElementById("scrollImage")
dataobj.style.left="300px"
setTimeout("getdataheight()", initialdelay)
}

function getdataheight(){
thelength=dataobj.offsetWidth
if (thelength==0)
setTimeout("getdataheight()",100)
else
scrollDiv()
}

function scrollDiv(){
dataobj.style.left=parseInt(dataobj.style.left)-scrollspeed+"px"
if (parseInt(dataobj.style.left)<thelength*(-1))
dataobj.style.left="300px"
setTimeout("scrollDiv()",40)
}

if (window.addEventListener)
window.addEventListener("load", initializeScroller, false)
else if (window.attachEvent)
window.attachEvent("onload", initializeScroller)
else
window.onload=initializeScroller


</script>

<!-- END: center-->
